
//浅色
const lightTheme = {
    '--fill-1': '#fff',
    '--text': '#3c3c3c',
    '--slide-arrow': '#000000',
};

// 深色
const darkTheme = {
    '--fill-1': '#222',
    '--text': '#fff',
    '--slide-arrow': '#f2f2f2',
    '--text-1': 'rgba(255, 255, 255, 0.3)',
    '--text-2': '#ffcd32',
};

import cssVars from 'css-vars-ponyfill'; // 兼容ie

export const initTheme = theme => {
    document.documentElement.setAttribute('data-theme', theme);
    cssVars({
        watch: true, // 当添加，删除或修改其<link>或<style>元素的禁用或href属性时，ponyfill将自行调用
        variables: theme == 'dark' ? darkTheme : lightTheme, // variables 自定义属性名/值对的集合
        onlyLegacy: false, // false  默认将css变量编译为浏览器识别的css样式  true 当浏览器不支持css变量的时候将css变量编译为识别的css
    });
};
